<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>好琴声</title>
	<base target=_blank>
	<link rel="stylesheet" type="text/css" href="css/xin_base.css">
	<link rel="stylesheet" type="text/css" href="css/xin_gerenzhongxin.css">
	<link rel="stylesheet" type="text/css" href="css/laydate.css">
	<script type="text/javascript " src="js/jquery-1.11.3.min.js"></script>
	<script type="text/javascript" src="js/laydate.js"></script>
	<script src="http://open.web.meitu.com/sources/xiuxiu.js" type="text/javascript"></script>
	<script type="text/javascript" src="js/jquery.SuperSlide.2.1.1.js"></script>
	<script type="text/javascript">

		// 判断textarea还可以输入多少字符
		String.prototype.getBytes = function() {     
    var cArr = this.match(/[^\x00-\xff]/ig);     
    return this.length + (cArr == null ? 0 : cArr.length);     
}  
function textLimitCheck(thisArea, maxLength){  
    var len = thisArea.value.getBytes();  
    if (len > maxLength)  
    {  
        alert(maxLength + ' 个字限制. \r超出的将自动去除.');  
        var tempStr = "";  
        var areaStr = thisArea.value.split("");  
        var tempLen = 0;  
        for(var i=0,j=areaStr.length;i<j;i++){  
            tempLen += areaStr[i].getBytes();  
            if(tempLen<=maxLength){  
                tempStr += areaStr[i];  
            }                 
        }             
        thisArea.value = tempStr  
        thisArea.focus();  
        }  
        /*回写span的值，当前填写文字的数量*/  
        messageCount.innerText = thisArea.value.length;  
    }  

		// 判断textarea还可以输入多少字符结束
		$(function() {
			// 点击视频音乐图片切换发帖面板
			var iVideo;
			$('.fatie1:gt(0)').hide();
			$('.fenfa li').click(function(event) {
				iVideo=$(this).index();
				$(this).addClass('on').siblings('li').removeClass('on');
				$('.fatie1').eq(iVideo).stop(true).fadeIn('fast').siblings('.fatie1').hide();


			});






			// 点击视频音乐图片切换发帖面板
			// 下方瀑布流显示
			//首先判断是那个$('.quanzhandongtai')没有隐藏
			var  iList=4;
				for (var i = 0; i < 3; i++) {
					$('.quanzhandongtai').eq(i).children('li:gt(3)').hide();
				};
			
				
		
						$(window).scroll(function(event) {
							if ($(document).scrollTop() + $(window).height() > $(document).height() - 150) {
									// 得到尾隐藏的ul的index值
									for (var x = 0; x < 4; x++) {

									if ($('.quanzhandongtai').eq(x).is(':hidden')) {} else{
										
										for (var y = iList; y < iList+1; y++) {
											console.log(y);

										$('.quanzhandongtai').eq(x).children('li').eq(y).show();
									
										

									};

									iList=iList+1;


									};
								};
													

									
							};
						});

						// 下方瀑布流显示结束···································










		});	








		
</script>
	
</head>
<body>
<!-- ······························头部结构····································· -->

	<div class="headerWrap">
	<!-- 顶部结构······················································ -->
		<div class="head clearfix">
			<div class="huanying">
				<p>天道酬勤，欢迎来到好琴声!</p>
			</div>
			<div class="h1">
				<a href="javascript:;">
					<h1>好琴声</h1>
				</a>
			</div>
			<div class="fanti">
				<a href="javascript:;">繁体</a>
			</div>
			<div class="erWeiMa">
				<div class="erWeiMaImg">
					<img src="images/foot_app.jpg" alt="">
				</div>
				<h2>扫一扫下载APP</h2>
			</div>
			<div class="denglu clearfix">
				<div class="dengLeft">
					<ul class="clearfix">
						<li><a href="javascript:;">个人中心</a></li>
						<li>丨</li>
						<li><a href="javascript:;">登录</a></li>
						<li>丨</li>
						<li><a href="javascript:;">注册</a></li>
					</ul>
				</div>
				<div class="dengRight">
					<a href="javascript:;">
						<img src="images/ad1.jpg" height="70" width="150" alt="">
					</a>
				</div>
			</div>
		</div>
	<!-- 顶部结构结束······················································ -->

	<!-- 导航结构···························································· -->
		<div class="navwrap">
			<div class="nav">
				<ul class="clearfix">
					<li><a href="javascript:;">音乐广场</a></li>
					<li><a href="javascript:;">音乐资讯</a></li>
					<li><a href="javascript:;">音乐名人</a></li>
					<li><a href="javascript:;">音乐老师</a></li>
					<li><a href="javascript:;">音乐教室</a></li>
					<li><a href="javascript:;">音乐乐团</a></li>
					<li><a href="javascript:;">音乐海选</a></li>
					<li><a href="javascript:;">音乐乐谱</a></li>
					<li><a href="javascript:;">音乐百科</a></li>
					<li><a href="javascript:;">音乐电台</a></li>
					<li><a href="javascript:;">声粉论坛</a></li>
					
				</ul>
			</div>
		</div>
	<!-- 导航结构···························································· -->
	</div>
<!-- 头部结构结束······························································ -->

<!-- ····························中间结构·································· -->
<div class="bodyWrap clearfix">
	<!-- 左侧菜单························································· -->
	<div class="singleLeft">
		<div class="menuA">
			<ul>
				<li><a href="javascript:;">我的空间</a></li>
				<li><a href="javascript:;">我的消息</a></li>
				<li><a href="javascript:;">知音动态</a></li>
				<li><a href="javascript:;">通讯录</a></li>
			</ul>
		</div>
		<div class="menuB">
			<ul>
				<!-- 直接链接到前台 -->
				<li><i class="iconfont">&#xe65f;</i><a href="javascript:;">我的教室<b>1</b></a></li>
				<!-- 老师管理  只有教室才有 -->
				<li><i class="iconfont">&#xe66b;</i><a href="javascript:;">教师管理<b>1</b></a></li>
				<!-- 教室，老师共有 -->
				<li><i class="iconfont">&#xe66f;</i><a href="javascript:;">学生管理<b>1</b></a></li>
				<!-- 教室，老师共有 -->
				<li><i class="iconfont">&#xe667;</i><a href="javascript:;">我的课程<b>1</b></a></li>
				<!-- 教室，老师共有 -->
				<li><i class="iconfont">&#xe669;</i><a href="javascript:;">内部公告<b>1</b></a></li>
				<!-- 教室，老师共有 -->
				<li><i class="iconfont">&#xe671;</i><a href="javascript:;">音乐活动<b>1</b></a></li>
				<!-- 教室，老师共有 -->
				<li><i class="iconfont">&#xe651;</i><a href="javascript:;">推荐管理<b>1</b></a></li>
				<!-- 教室，老师，普通会员共有 -->
				<li><i class="iconfont">&#xe65e;</i><a href="javascript:;">我的发帖<b>1</b></a></li>
				<!-- 教室，老师，普通会员共有 -->
				<li><i class="iconfont">&#xe663;</i><a href="javascript:;">我的QA<b>1</b></a></li>
				<!-- 教室，老师，普通会员共有 -->
				<li><i class="iconfont">&#xe661;</i><a href="javascript:;">我的账户<b>1</b></a></li>
				<!-- 教室，老师，普通会员共有 -->
				<li><i class="iconfont">&#xe65d;</i><a href="javascript:;">个人资料<b>1</b></a></li>
				<!-- 教室，老师，普通会员共有 -->
				<li><i class="iconfont">&#xe64d;</i><a href="javascript:;">我的收藏<b>1</b></a></li>
				
			</ul>
		</div>
	</div>
	<!-- 左侧菜单完成····················································· -->
	<!-- 中间结构························································· -->
	<div class="singleMiddle">
		<div class="fatieWrap">
			<h2>分享快乐，留住感动！</h2>
			<div class="fenfa clearfix">
				<ul class="clearfix">
					<li class="on"><i class="iconfont">&#xe62c;</i>视频</li>
					<li><i class="iconfont">&#xe667;</i>音乐</li>
					<li><i class="iconfont">&#xe668;</i>图片</li>
				</ul>
			</div>

			<!-- 视频发帖·················································· -->
			<div class="fatie1">
				<form action="">
					<div class="biaoti">
						<input type="text" placeholder="请输入视频标题" required>
						
					</div>
					<div class="biaotitupian">
						<span>上传标题图片</span>
						<div id="altContent">
							<h1>美图秀秀</h1>
						</div>

					</div>
					<div class="shangchuan">
						

						<input type="file" onchange="checkExt1(this)"/>
						

						<script > 
						var checkExt1=function(file) {
						    if(!(/(?:mp4)$/i.test(file.value))) {
						        alert("请上传MP4格式视频");
						        if(window.ActiveXObject) {//for IE
						            file.select();//select the file ,and clear selection
						            document.selection.clear();
						        } else if(window.opera) {//for opera
						            file.type="text";file.type="file";
						        } else file.value="";//for FF,Chrome,Safari
						    } else {
						        
						    }
						};
						</script>
					</div>
					<div class="wenzi">
						<textarea  id="test" onKeyUp="textLimitCheck(this, 3000);"></textarea>  
				<br/>(限 3000 个字符  已输入 <font color="#CC0000"><span id="messageCount">0</span></font> 个字)  
				</div>
					<div class="tijiaotiezi">
						<input type="submit" value="发布">
					</div>

				</form>
			</div>
		<!-- 视频发帖结束·················································· -->
		<!-- 音乐发帖·················································· -->
			<div class="fatie1">
				<form action="">
					<div class="biaoti">
						<input type="text" placeholder="请输入音乐标题" required>
						
					</div>
					<div class="biaotitupian">
						<span>上传标题图片</span>
						<div id="altContent">
							<h1>美图秀秀</h1>
						</div>

					</div>
					<div class="shangchuan">
						

						<input type="file" onchange="checkExt2(this)"/>
						

						<script > 
						var checkExt2=function(file) {
						    if(!(/(?:mp3)$/i.test(file.value))) {
						        alert("请上传MP3格式音乐");
						        if(window.ActiveXObject) {//for IE
						            file.select();//select the file ,and clear selection
						            document.selection.clear();
						        } else if(window.opera) {//for opera
						            file.type="text";file.type="file";
						        } else file.value="";//for FF,Chrome,Safari
						    } else {
						        
						    }
						};
						</script>
					</div>
					<div class="wenzi">
						<textarea  id="test" onKeyUp="textLimitCheck(this, 3000);"></textarea>  
				<br/>(限 3000 个字符  已输入 <font color="#CC0000"><span id="messageCount">0</span></font> 个字)  
				</div>
					<div class="tijiaotiezi">
						<input type="submit" value="发布">
					</div>

				</form>
			</div>
		<!-- 音乐发帖结束·················································· -->
		<!-- 图片发帖·················································· -->
			<div class="fatie1">
				<form action="">
					<div class="biaoti">
						<input type="text" placeholder="请输入图片标题" required>
						
					</div>
					<div class="biaotitupian">
						<span>上传标题图片</span>
						<div id="altContent">
							<h1>美图秀秀</h1>
						</div>

					</div>
					<div class="shangchuan">
						

						<input type="file" onchange="checkExt3(this)"/>
						

						<script > 
						var checkExt3=function(file) {
						    if(!(/(?:png|jpg|gif)$/i.test(file.value))) {
						        alert("请上传jpg/png/gif格式图片");
						        if(window.ActiveXObject) {//for IE
						            file.select();//select the file ,and clear selection
						            document.selection.clear();
						        } else if(window.opera) {//for opera
						            file.type="text";file.type="file";
						        } else file.value="";//for FF,Chrome,Safari
						    } else {
						        
						    }
						};
						</script>
					</div>
					<div class="wenzi">
						<textarea  id="test" onKeyUp="textLimitCheck(this, 3000);"></textarea>  
				<br/>(限 3000 个字符  已输入 <font color="#CC0000"><span id="messageCount">0</span></font> 个字)  
				</div>
					<div class="tijiaotiezi">
						<input type="submit" value="发布">
					</div>

				</form>
			</div>
		<!-- 图片发帖结束·················································· -->

		</div>

		<!-- 个人空间区域·················································· -->
		<div class="zhiyindongtai">
			<div class="yinyueguangchang">
				<!-- 标题················· -->
				<div class="yinyueHead clearfix">
					<h3>个人空间</h3>
					<span class="more"><a href="javascript:;">更多</a></span>
				</div>
				<!-- 标题················· -->
				<!-- 音乐广场内容·············································· -->
				<div class="slideTxtBox">
					<div class="hd">
						
						

						<ul><li>全部</li><li>视频</li><li>音乐</li><li>图片</li></ul>
					</div>
					<div class="bd">
					<ul class="quanzhandongtai">
						<li class="clearfix">
							<!-- list左侧，包含头像姓名······················ -->
							<div class="listLeft">
								<a href="javascript:;">
									<img src="images/touxiang2.jpg"  alt="">
									<h3>似水无痕</h3>
									
								</a>
							</div>
							<!-- list左侧结束，包含头像姓名·················· -->
							<!-- list右侧，内容区域·························· -->
							<div class="listRight">
								<div class="toupiao"><a href="">[编辑]</a></div>
								<div class="toupiao toupiao2"><a href="">[删除]</a></div>
								<h3>听说第三届中华好琴声比赛延期举行了，具体是怎么安排的</h3>
								<p>听说第三届中华好琴声比赛延期举行了，具体是怎么安排的</p>
								<div class="chatu">
									<a href="javascript:;"><img src="images/chatu1.jpg" alt=""><i class="iconfont">&#xe63b;</i></a>
								</div>
								<div class="time clearfix">
									<span>2015-11-03 10:44</span>
									<div class="timeRight">
										<ol class="clearfix">
											<li><a  title="点击量" href="javascript:;"><i class="iconfont">&#xe644;</i></a></li>
											<li>12</li>
											<li><a title="点赞量" href="javascript:;"><i class="iconfont">&#xe629;</i></a></li>
											<li>12</li>
											<li><a title="评论量" href="javascript:;"><i class="iconfont">&#xe64e;</i></a></li>
											<li>12</li>
											<li class="bigsize"><a title="转载量" href="javascript:;"><i class="iconfont">&#xe623;</i></a></li>
											<li>34</li>
											<li class="bigsize"><a title="收藏量" href="javascript:;"><i class="iconfont">&#xe647;</i></a></li>
											<li>34</li>
											<li><a title="点击分享" href="javascript:;"><i class="iconfont">&#xe64b;</i></a></li>
										</ol>
										<div class="bdsharebuttonbox">
											<a href="#" class="bds_more" data-cmd="more"></a><a href="#" class="bds_qzone" data-cmd="qzone" title="分享到QQ空间"></a><a href="#" class="bds_tsina" data-cmd="tsina" title="分享到新浪微博"></a><a href="#" class="bds_tqq" data-cmd="tqq" title="分享到腾讯微博"></a><a href="#" class="bds_fbook" data-cmd="fbook" title="分享到Facebook"></a><a href="#" class="bds_weixin" data-cmd="weixin" title="分享到微信"></a>
										</div>
										
									</div>

								</div>
							</div>
							<!-- list右侧，内容区域结束······················ -->
						</li>
						<li class="clearfix">
							<!-- list左侧，包含头像姓名······················ -->
							<div class="listLeft">
								<a href="javascript:;">
									<img src="images/touxiang2.jpg"  alt="">
									<h3>似水无痕</h3>
									
								</a>
							</div>
							<!-- list左侧结束，包含头像姓名·················· -->
							<!-- list右侧，内容区域·························· -->
							<div class="listRight">
								
								<h3>听说第三届中华好琴声比赛延期举行了，具体是怎么安排的</h3>
								<p>听说第三届中华好琴声比赛延期举行了，具体是怎么安排的</p>
								<div class="chatu">
									<a href="javascript:;"><img src="images/chatu1.jpg" alt=""><i class="iconfont">&#xe63b;</i></a>
								</div>
								<div class="time clearfix">
									<span>2015-11-03 10:44</span>
									<div class="timeRight">
										<ol class="clearfix">
											<li><a  title="点击量" href="javascript:;"><i class="iconfont">&#xe644;</i></a></li>
											<li>12</li>
											<li><a title="点赞量" href="javascript:;"><i class="iconfont">&#xe629;</i></a></li>
											<li>12</li>
											<li><a title="评论量" href="javascript:;"><i class="iconfont">&#xe64e;</i></a></li>
											<li>12</li>
											<li class="bigsize"><a title="转载量" href="javascript:;"><i class="iconfont">&#xe623;</i></a></li>
											<li>34</li>
											<li class="bigsize"><a title="收藏量" href="javascript:;"><i class="iconfont">&#xe647;</i></a></li>
											<li>34</li>
											<li><a title="点击分享" href="javascript:;"><i class="iconfont">&#xe64b;</i></a></li>
										</ol>
										<div class="bdsharebuttonbox">
											<a href="#" class="bds_more" data-cmd="more"></a><a href="#" class="bds_qzone" data-cmd="qzone" title="分享到QQ空间"></a><a href="#" class="bds_tsina" data-cmd="tsina" title="分享到新浪微博"></a><a href="#" class="bds_tqq" data-cmd="tqq" title="分享到腾讯微博"></a><a href="#" class="bds_fbook" data-cmd="fbook" title="分享到Facebook"></a><a href="#" class="bds_weixin" data-cmd="weixin" title="分享到微信"></a>
										</div>
										
									</div>

								</div>
							</div>
							<!-- list右侧，内容区域结束······················ -->
						</li>
						<li class="clearfix">
							<!-- list左侧，包含头像姓名······················ -->
							<div class="listLeft">
								<a href="javascript:;">
									<img src="images/touxiang2.jpg"  alt="">
									<h3>似水无痕</h3>
									
								</a>
							</div>
							<!-- list左侧结束，包含头像姓名·················· -->
							<!-- list右侧，内容区域·························· -->
							<div class="listRight">
								
								<h3>听说第三届中华好琴声比赛延期举行了，具体是怎么安排的</h3>
								<p>听说第三届中华好琴声比赛延期举行了，具体是怎么安排的</p>
								<div class="chatu">
									<a href="javascript:;"><img src="images/chatu1.jpg" alt=""><i class="iconfont">&#xe63b;</i></a>
								</div>
								<div class="time clearfix">
									<span>2015-11-03 10:44</span>
									<div class="timeRight">
										<ol class="clearfix">
											<li><a  title="点击量" href="javascript:;"><i class="iconfont">&#xe644;</i></a></li>
											<li>12</li>
											<li><a title="点赞量" href="javascript:;"><i class="iconfont">&#xe629;</i></a></li>
											<li>12</li>
											<li><a title="评论量" href="javascript:;"><i class="iconfont">&#xe64e;</i></a></li>
											<li>12</li>
											<li class="bigsize"><a title="转载量" href="javascript:;"><i class="iconfont">&#xe623;</i></a></li>
											<li>34</li>
											<li class="bigsize"><a title="收藏量" href="javascript:;"><i class="iconfont">&#xe647;</i></a></li>
											<li>34</li>
											<li><a title="点击分享" href="javascript:;"><i class="iconfont">&#xe64b;</i></a></li>
										</ol>
										<div class="bdsharebuttonbox">
											<a href="#" class="bds_more" data-cmd="more"></a><a href="#" class="bds_qzone" data-cmd="qzone" title="分享到QQ空间"></a><a href="#" class="bds_tsina" data-cmd="tsina" title="分享到新浪微博"></a><a href="#" class="bds_tqq" data-cmd="tqq" title="分享到腾讯微博"></a><a href="#" class="bds_fbook" data-cmd="fbook" title="分享到Facebook"></a><a href="#" class="bds_weixin" data-cmd="weixin" title="分享到微信"></a>
										</div>
										
									</div>

								</div>
							</div>
							<!-- list右侧，内容区域结束······················ -->
						</li>
						<li class="clearfix">
							<!-- list左侧，包含头像姓名······················ -->
							<div class="listLeft">
								<a href="javascript:;">
									<img src="images/touxiang2.jpg"  alt="">
									<h3>似水无痕</h3>
									
								</a>
							</div>
							<!-- list左侧结束，包含头像姓名·················· -->
							<!-- list右侧，内容区域·························· -->
							<div class="listRight">
								
								<h3>听说第三届中华好琴声比赛延期举行了，具体是怎么安排的</h3>
								<p>听说第三届中华好琴声比赛延期举行了，具体是怎么安排的</p>
								<div class="chatu">
									<a href="javascript:;"><img src="images/chatu1.jpg" alt=""><i class="iconfont">&#xe63b;</i></a>
								</div>
								<div class="time clearfix">
									<span>2015-11-03 10:44</span>
									<div class="timeRight">
										<ol class="clearfix">
											<li><a  title="点击量" href="javascript:;"><i class="iconfont">&#xe644;</i></a></li>
											<li>12</li>
											<li><a title="点赞量" href="javascript:;"><i class="iconfont">&#xe629;</i></a></li>
											<li>12</li>
											<li><a title="评论量" href="javascript:;"><i class="iconfont">&#xe64e;</i></a></li>
											<li>12</li>
											<li class="bigsize"><a title="转载量" href="javascript:;"><i class="iconfont">&#xe623;</i></a></li>
											<li>34</li>
											<li class="bigsize"><a title="收藏量" href="javascript:;"><i class="iconfont">&#xe647;</i></a></li>
											<li>34</li>
											<li><a title="点击分享" href="javascript:;"><i class="iconfont">&#xe64b;</i></a></li>
										</ol>
										<div class="bdsharebuttonbox">
											<a href="#" class="bds_more" data-cmd="more"></a><a href="#" class="bds_qzone" data-cmd="qzone" title="分享到QQ空间"></a><a href="#" class="bds_tsina" data-cmd="tsina" title="分享到新浪微博"></a><a href="#" class="bds_tqq" data-cmd="tqq" title="分享到腾讯微博"></a><a href="#" class="bds_fbook" data-cmd="fbook" title="分享到Facebook"></a><a href="#" class="bds_weixin" data-cmd="weixin" title="分享到微信"></a>
										</div>
										
									</div>

								</div>
							</div>
							<!-- list右侧，内容区域结束······················ -->
						</li>
						

						
					</ul>
					<ul class="quanzhandongtai">
						<li class="clearfix">
							<!-- list左侧，包含头像姓名······················ -->
							<div class="listLeft">
								<a href="javascript:;">
									<img src="images/touxiang2.jpg"  alt="">
									<h3>似水无痕</h3>
									
								</a>
							</div>
							<!-- list左侧结束，包含头像姓名·················· -->
							<!-- list右侧，内容区域·························· -->
							<div class="listRight">
								
								<h3>听说第三届中华好琴声比赛延期举行了，具体是怎么安排的</h3>
								<p>听说第三届中华好琴声比赛延期举行了，具体是怎么安排的</p>
								<div class="chatu">
									<a href="javascript:;"><img src="images/chatu1.jpg" alt=""><i class="iconfont">&#xe63b;</i></a>
								</div>
								<div class="time clearfix">
									<span>2015-11-03 10:44</span>
									<div class="timeRight">
										<ol class="clearfix">
											<li><a  title="点击量" href="javascript:;"><i class="iconfont">&#xe644;</i></a></li>
											<li>12</li>
											<li><a title="点赞量" href="javascript:;"><i class="iconfont">&#xe629;</i></a></li>
											<li>12</li>
											<li><a title="评论量" href="javascript:;"><i class="iconfont">&#xe64e;</i></a></li>
											<li>12</li>
											<li class="bigsize"><a title="转载量" href="javascript:;"><i class="iconfont">&#xe623;</i></a></li>
											<li>34</li>
											<li class="bigsize"><a title="收藏量" href="javascript:;"><i class="iconfont">&#xe647;</i></a></li>
											<li>34</li>
											<li><a title="点击分享" href="javascript:;"><i class="iconfont">&#xe64b;</i></a></li>
										</ol>
										<div class="bdsharebuttonbox">
											<a href="#" class="bds_more" data-cmd="more"></a><a href="#" class="bds_qzone" data-cmd="qzone" title="分享到QQ空间"></a><a href="#" class="bds_tsina" data-cmd="tsina" title="分享到新浪微博"></a><a href="#" class="bds_tqq" data-cmd="tqq" title="分享到腾讯微博"></a><a href="#" class="bds_fbook" data-cmd="fbook" title="分享到Facebook"></a><a href="#" class="bds_weixin" data-cmd="weixin" title="分享到微信"></a>
										</div>
										
									</div>

								</div>
							</div>
							<!-- list右侧，内容区域结束······················ -->
						</li>
						<li class="clearfix">
							<!-- list左侧，包含头像姓名······················ -->
							<div class="listLeft">
								<a href="javascript:;">
									<img src="images/touxiang2.jpg"  alt="">
									<h3>似水无痕</h3>
									
								</a>
							</div>
							<!-- list左侧结束，包含头像姓名·················· -->
							<!-- list右侧，内容区域·························· -->
							<div class="listRight">
								
								<h3>听说第三届中华好琴声比赛延期举行了，具体是怎么安排的</h3>
								<p>听说第三届中华好琴声比赛延期举行了，具体是怎么安排的</p>
								<div class="chatu">
									<a href="javascript:;"><img src="images/chatu1.jpg" alt=""><i class="iconfont">&#xe63b;</i></a>
								</div>
								<div class="time clearfix">
									<span>2015-11-03 10:44</span>
									<div class="timeRight">
										<ol class="clearfix">
											<li><a  title="点击量" href="javascript:;"><i class="iconfont">&#xe644;</i></a></li>
											<li>12</li>
											<li><a title="点赞量" href="javascript:;"><i class="iconfont">&#xe629;</i></a></li>
											<li>12</li>
											<li><a title="评论量" href="javascript:;"><i class="iconfont">&#xe64e;</i></a></li>
											<li>12</li>
											<li class="bigsize"><a title="转载量" href="javascript:;"><i class="iconfont">&#xe623;</i></a></li>
											<li>34</li>
											<li class="bigsize"><a title="收藏量" href="javascript:;"><i class="iconfont">&#xe647;</i></a></li>
											<li>34</li>
											<li><a title="点击分享" href="javascript:;"><i class="iconfont">&#xe64b;</i></a></li>
										</ol>
										<div class="bdsharebuttonbox">
											<a href="#" class="bds_more" data-cmd="more"></a><a href="#" class="bds_qzone" data-cmd="qzone" title="分享到QQ空间"></a><a href="#" class="bds_tsina" data-cmd="tsina" title="分享到新浪微博"></a><a href="#" class="bds_tqq" data-cmd="tqq" title="分享到腾讯微博"></a><a href="#" class="bds_fbook" data-cmd="fbook" title="分享到Facebook"></a><a href="#" class="bds_weixin" data-cmd="weixin" title="分享到微信"></a>
										</div>
										
									</div>

								</div>
							</div>
							<!-- list右侧，内容区域结束······················ -->
						</li>
						<li class="clearfix">
							<!-- list左侧，包含头像姓名······················ -->
							<div class="listLeft">
								<a href="javascript:;">
									<img src="images/touxiang2.jpg"  alt="">
									<h3>似水无痕</h3>
									
								</a>
							</div>
							<!-- list左侧结束，包含头像姓名·················· -->
							<!-- list右侧，内容区域·························· -->
							<div class="listRight">
								
								<h3>听说第三届中华好琴声比赛延期举行了，具体是怎么安排的</h3>
								<p>听说第三届中华好琴声比赛延期举行了，具体是怎么安排的</p>
								<div class="chatu">
									<a href="javascript:;"><img src="images/chatu1.jpg" alt=""><i class="iconfont">&#xe63b;</i></a>
								</div>
								<div class="time clearfix">
									<span>2015-11-03 10:44</span>
									<div class="timeRight">
										<ol class="clearfix">
											<li><a  title="点击量" href="javascript:;"><i class="iconfont">&#xe644;</i></a></li>
											<li>12</li>
											<li><a title="点赞量" href="javascript:;"><i class="iconfont">&#xe629;</i></a></li>
											<li>12</li>
											<li><a title="评论量" href="javascript:;"><i class="iconfont">&#xe64e;</i></a></li>
											<li>12</li>
											<li class="bigsize"><a title="转载量" href="javascript:;"><i class="iconfont">&#xe623;</i></a></li>
											<li>34</li>
											<li class="bigsize"><a title="收藏量" href="javascript:;"><i class="iconfont">&#xe647;</i></a></li>
											<li>34</li>
											<li><a title="点击分享" href="javascript:;"><i class="iconfont">&#xe64b;</i></a></li>
										</ol>
										<div class="bdsharebuttonbox">
											<a href="#" class="bds_more" data-cmd="more"></a><a href="#" class="bds_qzone" data-cmd="qzone" title="分享到QQ空间"></a><a href="#" class="bds_tsina" data-cmd="tsina" title="分享到新浪微博"></a><a href="#" class="bds_tqq" data-cmd="tqq" title="分享到腾讯微博"></a><a href="#" class="bds_fbook" data-cmd="fbook" title="分享到Facebook"></a><a href="#" class="bds_weixin" data-cmd="weixin" title="分享到微信"></a>
										</div>
										
									</div>

								</div>
							</div>
							<!-- list右侧，内容区域结束······················ -->
						</li>
						<li class="clearfix">
							<!-- list左侧，包含头像姓名······················ -->
							<div class="listLeft">
								<a href="javascript:;">
									<img src="images/touxiang2.jpg"  alt="">
									<h3>似水无痕</h3>
									
								</a>
							</div>
							<!-- list左侧结束，包含头像姓名·················· -->
							<!-- list右侧，内容区域·························· -->
							<div class="listRight">
								
								<h3>听说第三届中华好琴声比赛延期举行了，具体是怎么安排的</h3>
								<p>听说第三届中华好琴声比赛延期举行了，具体是怎么安排的</p>
								<div class="chatu">
									<a href="javascript:;"><img src="images/chatu1.jpg" alt=""><i class="iconfont">&#xe63b;</i></a>
								</div>
								<div class="time clearfix">
									<span>2015-11-03 10:44</span>
									<div class="timeRight">
										<ol class="clearfix">
											<li><a  title="点击量" href="javascript:;"><i class="iconfont">&#xe644;</i></a></li>
											<li>12</li>
											<li><a title="点赞量" href="javascript:;"><i class="iconfont">&#xe629;</i></a></li>
											<li>12</li>
											<li><a title="评论量" href="javascript:;"><i class="iconfont">&#xe64e;</i></a></li>
											<li>12</li>
											<li class="bigsize"><a title="转载量" href="javascript:;"><i class="iconfont">&#xe623;</i></a></li>
											<li>34</li>
											<li class="bigsize"><a title="收藏量" href="javascript:;"><i class="iconfont">&#xe647;</i></a></li>
											<li>34</li>
											<li><a title="点击分享" href="javascript:;"><i class="iconfont">&#xe64b;</i></a></li>
										</ol>
										<div class="bdsharebuttonbox">
											<a href="#" class="bds_more" data-cmd="more"></a><a href="#" class="bds_qzone" data-cmd="qzone" title="分享到QQ空间"></a><a href="#" class="bds_tsina" data-cmd="tsina" title="分享到新浪微博"></a><a href="#" class="bds_tqq" data-cmd="tqq" title="分享到腾讯微博"></a><a href="#" class="bds_fbook" data-cmd="fbook" title="分享到Facebook"></a><a href="#" class="bds_weixin" data-cmd="weixin" title="分享到微信"></a>
										</div>
										
									</div>

								</div>
							</div>
							<!-- list右侧，内容区域结束······················ -->
						</li>
						<li class="clearfix">
							<!-- list左侧，包含头像姓名······················ -->
							<div class="listLeft">
								<a href="javascript:;">
									<img src="images/touxiang2.jpg"  alt="">
									<h3>似水无痕</h3>
									
								</a>
							</div>
							<!-- list左侧结束，包含头像姓名·················· -->
							<!-- list右侧，内容区域·························· -->
							<div class="listRight">
								
								<h3>听说第三届中华好琴声比赛延期举行了，具体是怎么安排的</h3>
								<p>听说第三届中华好琴声比赛延期举行了，具体是怎么安排的</p>
								<div class="chatu">
									<a href="javascript:;"><img src="images/chatu1.jpg" alt=""><i class="iconfont">&#xe63b;</i></a>
								</div>
								<div class="time clearfix">
									<span>2015-11-03 10:44</span>
									<div class="timeRight">
										<ol class="clearfix">
											<li><a  title="点击量" href="javascript:;"><i class="iconfont">&#xe644;</i></a></li>
											<li>12</li>
											<li><a title="点赞量" href="javascript:;"><i class="iconfont">&#xe629;</i></a></li>
											<li>12</li>
											<li><a title="评论量" href="javascript:;"><i class="iconfont">&#xe64e;</i></a></li>
											<li>12</li>
											<li class="bigsize"><a title="转载量" href="javascript:;"><i class="iconfont">&#xe623;</i></a></li>
											<li>34</li>
											<li class="bigsize"><a title="收藏量" href="javascript:;"><i class="iconfont">&#xe647;</i></a></li>
											<li>34</li>
											<li><a title="点击分享" href="javascript:;"><i class="iconfont">&#xe64b;</i></a></li>
										</ol>
										<div class="bdsharebuttonbox">
											<a href="#" class="bds_more" data-cmd="more"></a><a href="#" class="bds_qzone" data-cmd="qzone" title="分享到QQ空间"></a><a href="#" class="bds_tsina" data-cmd="tsina" title="分享到新浪微博"></a><a href="#" class="bds_tqq" data-cmd="tqq" title="分享到腾讯微博"></a><a href="#" class="bds_fbook" data-cmd="fbook" title="分享到Facebook"></a><a href="#" class="bds_weixin" data-cmd="weixin" title="分享到微信"></a>
										</div>
										
									</div>

								</div>
							</div>
							<!-- list右侧，内容区域结束······················ -->
						</li>
						<li class="clearfix">
							<!-- list左侧，包含头像姓名······················ -->
							<div class="listLeft">
								<a href="javascript:;">
									<img src="images/touxiang2.jpg"  alt="">
									<h3>似水无痕</h3>
									
								</a>
							</div>
							<!-- list左侧结束，包含头像姓名·················· -->
							<!-- list右侧，内容区域·························· -->
							<div class="listRight">
								
								<h3>听说第三届中华好琴声比赛延期举行了，具体是怎么安排的</h3>
								<p>听说第三届中华好琴声比赛延期举行了，具体是怎么安排的</p>
								<div class="chatu">
									<a href="javascript:;"><img src="images/chatu1.jpg" alt=""><i class="iconfont">&#xe63b;</i></a>
								</div>
								<div class="time clearfix">
									<span>2015-11-03 10:44</span>
									<div class="timeRight">
										<ol class="clearfix">
											<li><a  title="点击量" href="javascript:;"><i class="iconfont">&#xe644;</i></a></li>
											<li>12</li>
											<li><a title="点赞量" href="javascript:;"><i class="iconfont">&#xe629;</i></a></li>
											<li>12</li>
											<li><a title="评论量" href="javascript:;"><i class="iconfont">&#xe64e;</i></a></li>
											<li>12</li>
											<li class="bigsize"><a title="转载量" href="javascript:;"><i class="iconfont">&#xe623;</i></a></li>
											<li>34</li>
											<li class="bigsize"><a title="收藏量" href="javascript:;"><i class="iconfont">&#xe647;</i></a></li>
											<li>34</li>
											<li><a title="点击分享" href="javascript:;"><i class="iconfont">&#xe64b;</i></a></li>
										</ol>
										<div class="bdsharebuttonbox">
											<a href="#" class="bds_more" data-cmd="more"></a><a href="#" class="bds_qzone" data-cmd="qzone" title="分享到QQ空间"></a><a href="#" class="bds_tsina" data-cmd="tsina" title="分享到新浪微博"></a><a href="#" class="bds_tqq" data-cmd="tqq" title="分享到腾讯微博"></a><a href="#" class="bds_fbook" data-cmd="fbook" title="分享到Facebook"></a><a href="#" class="bds_weixin" data-cmd="weixin" title="分享到微信"></a>
										</div>
										
									</div>

								</div>
							</div>
							<!-- list右侧，内容区域结束······················ -->
						</li>
						<li class="clearfix">
							<!-- list左侧，包含头像姓名······················ -->
							<div class="listLeft">
								<a href="javascript:;">
									<img src="images/touxiang2.jpg"  alt="">
									<h3>似水无痕</h3>
									
								</a>
							</div>
							<!-- list左侧结束，包含头像姓名·················· -->
							<!-- list右侧，内容区域·························· -->
							<div class="listRight">
								
								<h3>听说第三届中华好琴声比赛延期举行了，具体是怎么安排的</h3>
								<p>听说第三届中华好琴声比赛延期举行了，具体是怎么安排的</p>
								<div class="chatu">
									<a href="javascript:;"><img src="images/chatu1.jpg" alt=""><i class="iconfont">&#xe63b;</i></a>
								</div>
								<div class="time clearfix">
									<span>2015-11-03 10:44</span>
									<div class="timeRight">
										<ol class="clearfix">
											<li><a  title="点击量" href="javascript:;"><i class="iconfont">&#xe644;</i></a></li>
											<li>12</li>
											<li><a title="点赞量" href="javascript:;"><i class="iconfont">&#xe629;</i></a></li>
											<li>12</li>
											<li><a title="评论量" href="javascript:;"><i class="iconfont">&#xe64e;</i></a></li>
											<li>12</li>
											<li class="bigsize"><a title="转载量" href="javascript:;"><i class="iconfont">&#xe623;</i></a></li>
											<li>34</li>
											<li class="bigsize"><a title="收藏量" href="javascript:;"><i class="iconfont">&#xe647;</i></a></li>
											<li>34</li>
											<li><a title="点击分享" href="javascript:;"><i class="iconfont">&#xe64b;</i></a></li>
										</ol>
										<div class="bdsharebuttonbox">
											<a href="#" class="bds_more" data-cmd="more"></a><a href="#" class="bds_qzone" data-cmd="qzone" title="分享到QQ空间"></a><a href="#" class="bds_tsina" data-cmd="tsina" title="分享到新浪微博"></a><a href="#" class="bds_tqq" data-cmd="tqq" title="分享到腾讯微博"></a><a href="#" class="bds_fbook" data-cmd="fbook" title="分享到Facebook"></a><a href="#" class="bds_weixin" data-cmd="weixin" title="分享到微信"></a>
										</div>
										
									</div>

								</div>
							</div>
							<!-- list右侧，内容区域结束······················ -->
						</li>
						<li class="clearfix">
							<!-- list左侧，包含头像姓名······················ -->
							<div class="listLeft">
								<a href="javascript:;">
									<img src="images/touxiang2.jpg"  alt="">
									<h3>似水无痕</h3>
									
								</a>
							</div>
							<!-- list左侧结束，包含头像姓名·················· -->
							<!-- list右侧，内容区域·························· -->
							<div class="listRight">
								
								<h3>听说第三届中华好琴声比赛延期举行了，具体是怎么安排的</h3>
								<p>听说第三届中华好琴声比赛延期举行了，具体是怎么安排的</p>
								<div class="chatu">
									<a href="javascript:;"><img src="images/chatu1.jpg" alt=""><i class="iconfont">&#xe63b;</i></a>
								</div>
								<div class="time clearfix">
									<span>2015-11-03 10:44</span>
									<div class="timeRight">
										<ol class="clearfix">
											<li><a  title="点击量" href="javascript:;"><i class="iconfont">&#xe644;</i></a></li>
											<li>12</li>
											<li><a title="点赞量" href="javascript:;"><i class="iconfont">&#xe629;</i></a></li>
											<li>12</li>
											<li><a title="评论量" href="javascript:;"><i class="iconfont">&#xe64e;</i></a></li>
											<li>12</li>
											<li class="bigsize"><a title="转载量" href="javascript:;"><i class="iconfont">&#xe623;</i></a></li>
											<li>34</li>
											<li class="bigsize"><a title="收藏量" href="javascript:;"><i class="iconfont">&#xe647;</i></a></li>
											<li>34</li>
											<li><a title="点击分享" href="javascript:;"><i class="iconfont">&#xe64b;</i></a></li>
										</ol>
										<div class="bdsharebuttonbox">
											<a href="#" class="bds_more" data-cmd="more"></a><a href="#" class="bds_qzone" data-cmd="qzone" title="分享到QQ空间"></a><a href="#" class="bds_tsina" data-cmd="tsina" title="分享到新浪微博"></a><a href="#" class="bds_tqq" data-cmd="tqq" title="分享到腾讯微博"></a><a href="#" class="bds_fbook" data-cmd="fbook" title="分享到Facebook"></a><a href="#" class="bds_weixin" data-cmd="weixin" title="分享到微信"></a>
										</div>
										
									</div>

								</div>
							</div>
							<!-- list右侧，内容区域结束······················ -->
						</li>
						<li class="clearfix">
							<!-- list左侧，包含头像姓名······················ -->
							<div class="listLeft">
								<a href="javascript:;">
									<img src="images/touxiang2.jpg"  alt="">
									<h3>似水无痕</h3>
									
								</a>
							</div>
							<!-- list左侧结束，包含头像姓名·················· -->
							<!-- list右侧，内容区域·························· -->
							<div class="listRight">
								
								<h3>听说第三届中华好琴声比赛延期举行了，具体是怎么安排的</h3>
								<p>听说第三届中华好琴声比赛延期举行了，具体是怎么安排的</p>
								<div class="chatu">
									<a href="javascript:;"><img src="images/chatu1.jpg" alt=""><i class="iconfont">&#xe63b;</i></a>
								</div>
								<div class="time clearfix">
									<span>2015-11-03 10:44</span>
									<div class="timeRight">
										<ol class="clearfix">
											<li><a  title="点击量" href="javascript:;"><i class="iconfont">&#xe644;</i></a></li>
											<li>12</li>
											<li><a title="点赞量" href="javascript:;"><i class="iconfont">&#xe629;</i></a></li>
											<li>12</li>
											<li><a title="评论量" href="javascript:;"><i class="iconfont">&#xe64e;</i></a></li>
											<li>12</li>
											<li class="bigsize"><a title="转载量" href="javascript:;"><i class="iconfont">&#xe623;</i></a></li>
											<li>34</li>
											<li class="bigsize"><a title="收藏量" href="javascript:;"><i class="iconfont">&#xe647;</i></a></li>
											<li>34</li>
											<li><a title="点击分享" href="javascript:;"><i class="iconfont">&#xe64b;</i></a></li>
										</ol>
										<div class="bdsharebuttonbox">
											<a href="#" class="bds_more" data-cmd="more"></a><a href="#" class="bds_qzone" data-cmd="qzone" title="分享到QQ空间"></a><a href="#" class="bds_tsina" data-cmd="tsina" title="分享到新浪微博"></a><a href="#" class="bds_tqq" data-cmd="tqq" title="分享到腾讯微博"></a><a href="#" class="bds_fbook" data-cmd="fbook" title="分享到Facebook"></a><a href="#" class="bds_weixin" data-cmd="weixin" title="分享到微信"></a>
										</div>
										
									</div>

								</div>
							</div>
							<!-- list右侧，内容区域结束······················ -->
						</li>
						<li class="clearfix">
							<!-- list左侧，包含头像姓名······················ -->
							<div class="listLeft">
								<a href="javascript:;">
									<img src="images/touxiang2.jpg"  alt="">
									<h3>似水无痕</h3>
									
								</a>
							</div>
							<!-- list左侧结束，包含头像姓名·················· -->
							<!-- list右侧，内容区域·························· -->
							<div class="listRight">
								
								<h3>听说第三届中华好琴声比赛延期举行了，具体是怎么安排的</h3>
								<p>听说第三届中华好琴声比赛延期举行了，具体是怎么安排的</p>
								<div class="chatu">
									<a href="javascript:;"><img src="images/chatu1.jpg" alt=""><i class="iconfont">&#xe63b;</i></a>
								</div>
								<div class="time clearfix">
									<span>2015-11-03 10:44</span>
									<div class="timeRight">
										<ol class="clearfix">
											<li><a  title="点击量" href="javascript:;"><i class="iconfont">&#xe644;</i></a></li>
											<li>12</li>
											<li><a title="点赞量" href="javascript:;"><i class="iconfont">&#xe629;</i></a></li>
											<li>12</li>
											<li><a title="评论量" href="javascript:;"><i class="iconfont">&#xe64e;</i></a></li>
											<li>12</li>
											<li class="bigsize"><a title="转载量" href="javascript:;"><i class="iconfont">&#xe623;</i></a></li>
											<li>34</li>
											<li class="bigsize"><a title="收藏量" href="javascript:;"><i class="iconfont">&#xe647;</i></a></li>
											<li>34</li>
											<li><a title="点击分享" href="javascript:;"><i class="iconfont">&#xe64b;</i></a></li>
										</ol>
										<div class="bdsharebuttonbox">
											<a href="#" class="bds_more" data-cmd="more"></a><a href="#" class="bds_qzone" data-cmd="qzone" title="分享到QQ空间"></a><a href="#" class="bds_tsina" data-cmd="tsina" title="分享到新浪微博"></a><a href="#" class="bds_tqq" data-cmd="tqq" title="分享到腾讯微博"></a><a href="#" class="bds_fbook" data-cmd="fbook" title="分享到Facebook"></a><a href="#" class="bds_weixin" data-cmd="weixin" title="分享到微信"></a>
										</div>
										
									</div>

								</div>
							</div>
							<!-- list右侧，内容区域结束······················ -->
						</li>
						<li class="clearfix">
							<!-- list左侧，包含头像姓名······················ -->
							<div class="listLeft">
								<a href="javascript:;">
									<img src="images/touxiang2.jpg"  alt="">
									<h3>似水无痕</h3>
									
								</a>
							</div>
							<!-- list左侧结束，包含头像姓名·················· -->
							<!-- list右侧，内容区域·························· -->
							<div class="listRight">
								
								<h3>听说第三届中华好琴声比赛延期举行了，具体是怎么安排的</h3>
								<p>听说第三届中华好琴声比赛延期举行了，具体是怎么安排的</p>
								<div class="chatu">
									<a href="javascript:;"><img src="images/chatu1.jpg" alt=""><i class="iconfont">&#xe63b;</i></a>
								</div>
								<div class="time clearfix">
									<span>2015-11-03 10:44</span>
									<div class="timeRight">
										<ol class="clearfix">
											<li><a  title="点击量" href="javascript:;"><i class="iconfont">&#xe644;</i></a></li>
											<li>12</li>
											<li><a title="点赞量" href="javascript:;"><i class="iconfont">&#xe629;</i></a></li>
											<li>12</li>
											<li><a title="评论量" href="javascript:;"><i class="iconfont">&#xe64e;</i></a></li>
											<li>12</li>
											<li class="bigsize"><a title="转载量" href="javascript:;"><i class="iconfont">&#xe623;</i></a></li>
											<li>34</li>
											<li class="bigsize"><a title="收藏量" href="javascript:;"><i class="iconfont">&#xe647;</i></a></li>
											<li>34</li>
											<li><a title="点击分享" href="javascript:;"><i class="iconfont">&#xe64b;</i></a></li>
										</ol>
										<div class="bdsharebuttonbox">
											<a href="#" class="bds_more" data-cmd="more"></a><a href="#" class="bds_qzone" data-cmd="qzone" title="分享到QQ空间"></a><a href="#" class="bds_tsina" data-cmd="tsina" title="分享到新浪微博"></a><a href="#" class="bds_tqq" data-cmd="tqq" title="分享到腾讯微博"></a><a href="#" class="bds_fbook" data-cmd="fbook" title="分享到Facebook"></a><a href="#" class="bds_weixin" data-cmd="weixin" title="分享到微信"></a>
										</div>
										
									</div>

								</div>
							</div>
							<!-- list右侧，内容区域结束······················ -->
						</li>
						<li class="clearfix">
							<!-- list左侧，包含头像姓名······················ -->
							<div class="listLeft">
								<a href="javascript:;">
									<img src="images/touxiang2.jpg"  alt="">
									<h3>似水无痕</h3>
									
								</a>
							</div>
							<!-- list左侧结束，包含头像姓名·················· -->
							<!-- list右侧，内容区域·························· -->
							<div class="listRight">
								
								<h3>听说第三届中华好琴声比赛延期举行了，具体是怎么安排的</h3>
								<p>听说第三届中华好琴声比赛延期举行了，具体是怎么安排的</p>
								<div class="chatu">
									<a href="javascript:;"><img src="images/chatu1.jpg" alt=""><i class="iconfont">&#xe63b;</i></a>
								</div>
								<div class="time clearfix">
									<span>2015-11-03 10:44</span>
									<div class="timeRight">
										<ol class="clearfix">
											<li><a  title="点击量" href="javascript:;"><i class="iconfont">&#xe644;</i></a></li>
											<li>12</li>
											<li><a title="点赞量" href="javascript:;"><i class="iconfont">&#xe629;</i></a></li>
											<li>12</li>
											<li><a title="评论量" href="javascript:;"><i class="iconfont">&#xe64e;</i></a></li>
											<li>12</li>
											<li class="bigsize"><a title="转载量" href="javascript:;"><i class="iconfont">&#xe623;</i></a></li>
											<li>34</li>
											<li class="bigsize"><a title="收藏量" href="javascript:;"><i class="iconfont">&#xe647;</i></a></li>
											<li>34</li>
											<li><a title="点击分享" href="javascript:;"><i class="iconfont">&#xe64b;</i></a></li>
										</ol>
										<div class="bdsharebuttonbox">
											<a href="#" class="bds_more" data-cmd="more"></a><a href="#" class="bds_qzone" data-cmd="qzone" title="分享到QQ空间"></a><a href="#" class="bds_tsina" data-cmd="tsina" title="分享到新浪微博"></a><a href="#" class="bds_tqq" data-cmd="tqq" title="分享到腾讯微博"></a><a href="#" class="bds_fbook" data-cmd="fbook" title="分享到Facebook"></a><a href="#" class="bds_weixin" data-cmd="weixin" title="分享到微信"></a>
										</div>
										
									</div>

								</div>
							</div>
							<!-- list右侧，内容区域结束······················ -->
						</li>
						

						
					</ul>
					<ul class="quanzhandongtai">
						<li class="clearfix">
							<!-- list左侧，包含头像姓名······················ -->
							<div class="listLeft">
								<a href="javascript:;">
									<img src="images/touxiang2.jpg"  alt="">
									<h3>似水无痕</h3>
									
								</a>
							</div>
							<!-- list左侧结束，包含头像姓名·················· -->
							<!-- list右侧，内容区域·························· -->
							<div class="listRight">
								
								<h3>听说第三届中华好琴声比赛延期举行了，具体是怎么安排的</h3>
								<p>听说第三届中华好琴声比赛延期举行了，具体是怎么安排的</p>
								<div class="chatu">
									<a href="javascript:;"><img src="images/chatu1.jpg" alt=""><i class="iconfont">&#xe63b;</i></a>
								</div>
								<div class="time clearfix">
									<span>2015-11-03 10:44</span>
									<div class="timeRight">
										<ol class="clearfix">
											<li><a  title="点击量" href="javascript:;"><i class="iconfont">&#xe644;</i></a></li>
											<li>12</li>
											<li><a title="点赞量" href="javascript:;"><i class="iconfont">&#xe629;</i></a></li>
											<li>12</li>
											<li><a title="评论量" href="javascript:;"><i class="iconfont">&#xe64e;</i></a></li>
											<li>12</li>
											<li class="bigsize"><a title="转载量" href="javascript:;"><i class="iconfont">&#xe623;</i></a></li>
											<li>34</li>
											<li class="bigsize"><a title="收藏量" href="javascript:;"><i class="iconfont">&#xe647;</i></a></li>
											<li>34</li>
											<li><a title="点击分享" href="javascript:;"><i class="iconfont">&#xe64b;</i></a></li>
										</ol>
										<div class="bdsharebuttonbox">
											<a href="#" class="bds_more" data-cmd="more"></a><a href="#" class="bds_qzone" data-cmd="qzone" title="分享到QQ空间"></a><a href="#" class="bds_tsina" data-cmd="tsina" title="分享到新浪微博"></a><a href="#" class="bds_tqq" data-cmd="tqq" title="分享到腾讯微博"></a><a href="#" class="bds_fbook" data-cmd="fbook" title="分享到Facebook"></a><a href="#" class="bds_weixin" data-cmd="weixin" title="分享到微信"></a>
										</div>
										
									</div>

								</div>
							</div>
							<!-- list右侧，内容区域结束······················ -->
						</li>
						<li class="clearfix">
							<!-- list左侧，包含头像姓名······················ -->
							<div class="listLeft">
								<a href="javascript:;">
									<img src="images/touxiang2.jpg"  alt="">
									<h3>似水无痕</h3>
									
								</a>
							</div>
							<!-- list左侧结束，包含头像姓名·················· -->
							<!-- list右侧，内容区域·························· -->
							<div class="listRight">
								
								<h3>听说第三届中华好琴声比赛延期举行了，具体是怎么安排的</h3>
								<p>听说第三届中华好琴声比赛延期举行了，具体是怎么安排的</p>
								<div class="chatu">
									<a href="javascript:;"><img src="images/chatu1.jpg" alt=""><i class="iconfont">&#xe63b;</i></a>
								</div>
								<div class="time clearfix">
									<span>2015-11-03 10:44</span>
									<div class="timeRight">
										<ol class="clearfix">
											<li><a  title="点击量" href="javascript:;"><i class="iconfont">&#xe644;</i></a></li>
											<li>12</li>
											<li><a title="点赞量" href="javascript:;"><i class="iconfont">&#xe629;</i></a></li>
											<li>12</li>
											<li><a title="评论量" href="javascript:;"><i class="iconfont">&#xe64e;</i></a></li>
											<li>12</li>
											<li class="bigsize"><a title="转载量" href="javascript:;"><i class="iconfont">&#xe623;</i></a></li>
											<li>34</li>
											<li class="bigsize"><a title="收藏量" href="javascript:;"><i class="iconfont">&#xe647;</i></a></li>
											<li>34</li>
											<li><a title="点击分享" href="javascript:;"><i class="iconfont">&#xe64b;</i></a></li>
										</ol>
										<div class="bdsharebuttonbox">
											<a href="#" class="bds_more" data-cmd="more"></a><a href="#" class="bds_qzone" data-cmd="qzone" title="分享到QQ空间"></a><a href="#" class="bds_tsina" data-cmd="tsina" title="分享到新浪微博"></a><a href="#" class="bds_tqq" data-cmd="tqq" title="分享到腾讯微博"></a><a href="#" class="bds_fbook" data-cmd="fbook" title="分享到Facebook"></a><a href="#" class="bds_weixin" data-cmd="weixin" title="分享到微信"></a>
										</div>
										
									</div>

								</div>
							</div>
							<!-- list右侧，内容区域结束······················ -->
						</li>
						<li class="clearfix">
							<!-- list左侧，包含头像姓名······················ -->
							<div class="listLeft">
								<a href="javascript:;">
									<img src="images/touxiang2.jpg"  alt="">
									<h3>似水无痕</h3>
									
								</a>
							</div>
							<!-- list左侧结束，包含头像姓名·················· -->
							<!-- list右侧，内容区域·························· -->
							<div class="listRight">
								
								<h3>听说第三届中华好琴声比赛延期举行了，具体是怎么安排的</h3>
								<p>听说第三届中华好琴声比赛延期举行了，具体是怎么安排的</p>
								<div class="chatu">
									<a href="javascript:;"><img src="images/chatu1.jpg" alt=""><i class="iconfont">&#xe63b;</i></a>
								</div>
								<div class="time clearfix">
									<span>2015-11-03 10:44</span>
									<div class="timeRight">
										<ol class="clearfix">
											<li><a  title="点击量" href="javascript:;"><i class="iconfont">&#xe644;</i></a></li>
											<li>12</li>
											<li><a title="点赞量" href="javascript:;"><i class="iconfont">&#xe629;</i></a></li>
											<li>12</li>
											<li><a title="评论量" href="javascript:;"><i class="iconfont">&#xe64e;</i></a></li>
											<li>12</li>
											<li class="bigsize"><a title="转载量" href="javascript:;"><i class="iconfont">&#xe623;</i></a></li>
											<li>34</li>
											<li class="bigsize"><a title="收藏量" href="javascript:;"><i class="iconfont">&#xe647;</i></a></li>
											<li>34</li>
											<li><a title="点击分享" href="javascript:;"><i class="iconfont">&#xe64b;</i></a></li>
										</ol>
										<div class="bdsharebuttonbox">
											<a href="#" class="bds_more" data-cmd="more"></a><a href="#" class="bds_qzone" data-cmd="qzone" title="分享到QQ空间"></a><a href="#" class="bds_tsina" data-cmd="tsina" title="分享到新浪微博"></a><a href="#" class="bds_tqq" data-cmd="tqq" title="分享到腾讯微博"></a><a href="#" class="bds_fbook" data-cmd="fbook" title="分享到Facebook"></a><a href="#" class="bds_weixin" data-cmd="weixin" title="分享到微信"></a>
										</div>
										
									</div>

								</div>
							</div>
							<!-- list右侧，内容区域结束······················ -->
						</li>
						<li class="clearfix">
							<!-- list左侧，包含头像姓名······················ -->
							<div class="listLeft">
								<a href="javascript:;">
									<img src="images/touxiang2.jpg"  alt="">
									<h3>似水无痕</h3>
									
								</a>
							</div>
							<!-- list左侧结束，包含头像姓名·················· -->
							<!-- list右侧，内容区域·························· -->
							<div class="listRight">
								
								<h3>听说第三届中华好琴声比赛延期举行了，具体是怎么安排的</h3>
								<p>听说第三届中华好琴声比赛延期举行了，具体是怎么安排的</p>
								<div class="chatu">
									<a href="javascript:;"><img src="images/chatu1.jpg" alt=""><i class="iconfont">&#xe63b;</i></a>
								</div>
								<div class="time clearfix">
									<span>2015-11-03 10:44</span>
									<div class="timeRight">
										<ol class="clearfix">
											<li><a  title="点击量" href="javascript:;"><i class="iconfont">&#xe644;</i></a></li>
											<li>12</li>
											<li><a title="点赞量" href="javascript:;"><i class="iconfont">&#xe629;</i></a></li>
											<li>12</li>
											<li><a title="评论量" href="javascript:;"><i class="iconfont">&#xe64e;</i></a></li>
											<li>12</li>
											<li class="bigsize"><a title="转载量" href="javascript:;"><i class="iconfont">&#xe623;</i></a></li>
											<li>34</li>
											<li class="bigsize"><a title="收藏量" href="javascript:;"><i class="iconfont">&#xe647;</i></a></li>
											<li>34</li>
											<li><a title="点击分享" href="javascript:;"><i class="iconfont">&#xe64b;</i></a></li>
										</ol>
										<div class="bdsharebuttonbox">
											<a href="#" class="bds_more" data-cmd="more"></a><a href="#" class="bds_qzone" data-cmd="qzone" title="分享到QQ空间"></a><a href="#" class="bds_tsina" data-cmd="tsina" title="分享到新浪微博"></a><a href="#" class="bds_tqq" data-cmd="tqq" title="分享到腾讯微博"></a><a href="#" class="bds_fbook" data-cmd="fbook" title="分享到Facebook"></a><a href="#" class="bds_weixin" data-cmd="weixin" title="分享到微信"></a>
										</div>
										
									</div>

								</div>
							</div>
							<!-- list右侧，内容区域结束······················ -->
						</li>
						

						
					</ul>
					<ul class="quanzhandongtai">
						<li class="clearfix">
							<!-- list左侧，包含头像姓名······················ -->
							<div class="listLeft">
								<a href="javascript:;">
									<img src="images/touxiang2.jpg"  alt="">
									<h3>似水无痕</h3>
									
								</a>
							</div>
							<!-- list左侧结束，包含头像姓名·················· -->
							<!-- list右侧，内容区域·························· -->
							<div class="listRight">
								
								<h3>听说第三届中华好琴声比赛延期举行了，具体是怎么安排的</h3>
								<p>听说第三届中华好琴声比赛延期举行了，具体是怎么安排的</p>
								<div class="chatu">
									<a href="javascript:;"><img src="images/chatu1.jpg" alt=""><i class="iconfont">&#xe63b;</i></a>
								</div>
								<div class="time clearfix">
									<span>2015-11-03 10:44</span>
									<div class="timeRight">
										<ol class="clearfix">
											<li><a  title="点击量" href="javascript:;"><i class="iconfont">&#xe644;</i></a></li>
											<li>12</li>
											<li><a title="点赞量" href="javascript:;"><i class="iconfont">&#xe629;</i></a></li>
											<li>12</li>
											<li><a title="评论量" href="javascript:;"><i class="iconfont">&#xe64e;</i></a></li>
											<li>12</li>
											<li class="bigsize"><a title="转载量" href="javascript:;"><i class="iconfont">&#xe623;</i></a></li>
											<li>34</li>
											<li class="bigsize"><a title="收藏量" href="javascript:;"><i class="iconfont">&#xe647;</i></a></li>
											<li>34</li>
											<li><a title="点击分享" href="javascript:;"><i class="iconfont">&#xe64b;</i></a></li>
										</ol>
										<div class="bdsharebuttonbox">
											<a href="#" class="bds_more" data-cmd="more"></a><a href="#" class="bds_qzone" data-cmd="qzone" title="分享到QQ空间"></a><a href="#" class="bds_tsina" data-cmd="tsina" title="分享到新浪微博"></a><a href="#" class="bds_tqq" data-cmd="tqq" title="分享到腾讯微博"></a><a href="#" class="bds_fbook" data-cmd="fbook" title="分享到Facebook"></a><a href="#" class="bds_weixin" data-cmd="weixin" title="分享到微信"></a>
										</div>
										
									</div>

								</div>
							</div>
							<!-- list右侧，内容区域结束······················ -->
						</li>
						<li class="clearfix">
							<!-- list左侧，包含头像姓名······················ -->
							<div class="listLeft">
								<a href="javascript:;">
									<img src="images/touxiang2.jpg"  alt="">
									<h3>似水无痕</h3>
									
								</a>
							</div>
							<!-- list左侧结束，包含头像姓名·················· -->
							<!-- list右侧，内容区域·························· -->
							<div class="listRight">
								
								<h3>听说第三届中华好琴声比赛延期举行了，具体是怎么安排的</h3>
								<p>听说第三届中华好琴声比赛延期举行了，具体是怎么安排的</p>
								<div class="chatu">
									<a href="javascript:;"><img src="images/chatu1.jpg" alt=""><i class="iconfont">&#xe63b;</i></a>
								</div>
								<div class="time clearfix">
									<span>2015-11-03 10:44</span>
									<div class="timeRight">
										<ol class="clearfix">
											<li><a  title="点击量" href="javascript:;"><i class="iconfont">&#xe644;</i></a></li>
											<li>12</li>
											<li><a title="点赞量" href="javascript:;"><i class="iconfont">&#xe629;</i></a></li>
											<li>12</li>
											<li><a title="评论量" href="javascript:;"><i class="iconfont">&#xe64e;</i></a></li>
											<li>12</li>
											<li class="bigsize"><a title="转载量" href="javascript:;"><i class="iconfont">&#xe623;</i></a></li>
											<li>34</li>
											<li class="bigsize"><a title="收藏量" href="javascript:;"><i class="iconfont">&#xe647;</i></a></li>
											<li>34</li>
											<li><a title="点击分享" href="javascript:;"><i class="iconfont">&#xe64b;</i></a></li>
										</ol>
										<div class="bdsharebuttonbox">
											<a href="#" class="bds_more" data-cmd="more"></a><a href="#" class="bds_qzone" data-cmd="qzone" title="分享到QQ空间"></a><a href="#" class="bds_tsina" data-cmd="tsina" title="分享到新浪微博"></a><a href="#" class="bds_tqq" data-cmd="tqq" title="分享到腾讯微博"></a><a href="#" class="bds_fbook" data-cmd="fbook" title="分享到Facebook"></a><a href="#" class="bds_weixin" data-cmd="weixin" title="分享到微信"></a>
										</div>
										
									</div>

								</div>
							</div>
							<!-- list右侧，内容区域结束······················ -->
						</li>
						<li class="clearfix">
							<!-- list左侧，包含头像姓名······················ -->
							<div class="listLeft">
								<a href="javascript:;">
									<img src="images/touxiang2.jpg"  alt="">
									<h3>似水无痕</h3>
									
								</a>
							</div>
							<!-- list左侧结束，包含头像姓名·················· -->
							<!-- list右侧，内容区域·························· -->
							<div class="listRight">
								
								<h3>听说第三届中华好琴声比赛延期举行了，具体是怎么安排的</h3>
								<p>听说第三届中华好琴声比赛延期举行了，具体是怎么安排的</p>
								<div class="chatu">
									<a href="javascript:;"><img src="images/chatu1.jpg" alt=""><i class="iconfont">&#xe63b;</i></a>
								</div>
								<div class="time clearfix">
									<span>2015-11-03 10:44</span>
									<div class="timeRight">
										<ol class="clearfix">
											<li><a  title="点击量" href="javascript:;"><i class="iconfont">&#xe644;</i></a></li>
											<li>12</li>
											<li><a title="点赞量" href="javascript:;"><i class="iconfont">&#xe629;</i></a></li>
											<li>12</li>
											<li><a title="评论量" href="javascript:;"><i class="iconfont">&#xe64e;</i></a></li>
											<li>12</li>
											<li class="bigsize"><a title="转载量" href="javascript:;"><i class="iconfont">&#xe623;</i></a></li>
											<li>34</li>
											<li class="bigsize"><a title="收藏量" href="javascript:;"><i class="iconfont">&#xe647;</i></a></li>
											<li>34</li>
											<li><a title="点击分享" href="javascript:;"><i class="iconfont">&#xe64b;</i></a></li>
										</ol>
										<div class="bdsharebuttonbox">
											<a href="#" class="bds_more" data-cmd="more"></a><a href="#" class="bds_qzone" data-cmd="qzone" title="分享到QQ空间"></a><a href="#" class="bds_tsina" data-cmd="tsina" title="分享到新浪微博"></a><a href="#" class="bds_tqq" data-cmd="tqq" title="分享到腾讯微博"></a><a href="#" class="bds_fbook" data-cmd="fbook" title="分享到Facebook"></a><a href="#" class="bds_weixin" data-cmd="weixin" title="分享到微信"></a>
										</div>
										
									</div>

								</div>
							</div>
							<!-- list右侧，内容区域结束······················ -->
						</li>
						<li class="clearfix">
							<!-- list左侧，包含头像姓名······················ -->
							<div class="listLeft">
								<a href="javascript:;">
									<img src="images/touxiang2.jpg"  alt="">
									<h3>似水无痕</h3>
									
								</a>
							</div>
							<!-- list左侧结束，包含头像姓名·················· -->
							<!-- list右侧，内容区域·························· -->
							<div class="listRight">
								
								<h3>听说第三届中华好琴声比赛延期举行了，具体是怎么安排的</h3>
								<p>听说第三届中华好琴声比赛延期举行了，具体是怎么安排的</p>
								<div class="chatu">
									<a href="javascript:;"><img src="images/chatu1.jpg" alt=""><i class="iconfont">&#xe63b;</i></a>
								</div>
								<div class="time clearfix">
									<span>2015-11-03 10:44</span>
									<div class="timeRight">
										<ol class="clearfix">
											<li><a  title="点击量" href="javascript:;"><i class="iconfont">&#xe644;</i></a></li>
											<li>12</li>
											<li><a title="点赞量" href="javascript:;"><i class="iconfont">&#xe629;</i></a></li>
											<li>12</li>
											<li><a title="评论量" href="javascript:;"><i class="iconfont">&#xe64e;</i></a></li>
											<li>12</li>
											<li class="bigsize"><a title="转载量" href="javascript:;"><i class="iconfont">&#xe623;</i></a></li>
											<li>34</li>
											<li class="bigsize"><a title="收藏量" href="javascript:;"><i class="iconfont">&#xe647;</i></a></li>
											<li>34</li>
											<li><a title="点击分享" href="javascript:;"><i class="iconfont">&#xe64b;</i></a></li>
										</ol>
										<div class="bdsharebuttonbox">
											<a href="#" class="bds_more" data-cmd="more"></a><a href="#" class="bds_qzone" data-cmd="qzone" title="分享到QQ空间"></a><a href="#" class="bds_tsina" data-cmd="tsina" title="分享到新浪微博"></a><a href="#" class="bds_tqq" data-cmd="tqq" title="分享到腾讯微博"></a><a href="#" class="bds_fbook" data-cmd="fbook" title="分享到Facebook"></a><a href="#" class="bds_weixin" data-cmd="weixin" title="分享到微信"></a>
										</div>
										
									</div>

								</div>
							</div>
							<!-- list右侧，内容区域结束······················ -->
						</li>
						

						
					</ul>

					
					</div>
				</div>
				<script type="text/javascript">jQuery(".slideTxtBox").slide();</script>



				<!-- 音乐广场内容············································ -->
			</div>       
	<script type="text/javascript">jQuery(".slideTxtBox").slide();</script>
	<script>window._bd_share_config={"common":{"bdSnsKey":{},"bdText":"","bdMini":"2","bdMiniList":false,"bdPic":"","bdStyle":"1","bdSize":"24"},"share":{}};with(document)0[(getElementsByTagName('head')[0]||body).appendChild(createElement('script')).src='http://bdimg.share.baidu.com/static/api/js/share.js?v=89860593.js?cdnversion='+~(-new Date()/36e5)];
										$(function() {
											for (var i = 0; i < 5; i++) {
												$('.timeRight ol').children('li').eq(10+11*i).click(function(event) {
												$(this).parents('.timeRight').children('.bdsharebuttonbox').stop(true).slideDown();
												event.stopPropagation();
												$(window).click(function(event) {
													$('.timeRight .bdsharebuttonbox').stop(true).slideUp();
												});
											});
											};
											
										});

	</script>







		</div>
		<!-- 知音动态区域·················································· -->


	</div>
	<!-- 中间结构完成····················································· -->
	<!-- 右侧展示························································· -->
	<div class="singleRight">
		<!-- 登录区域··············································· -->
		<div class="login">
			
			<!-- 登录后············································· -->
			<div class="login_Hou">
				<div class="touxiang"><img src="images/tou.jpg" alt=""></div>
				<div class="uesrID">小竹于</div>
				<div class="shenfen"><em>身份：</em><span>习乐人</span></div>
				<div class="dengji"><em>等级：</em><span>六级</span><a href="javascript:;">[积分规则]</a></div>
				<div class="jingyanzhi clearfix"><em>爱好乐器：</em><span>钢琴，提琴</span></div>
				<div class="guanzhu clearfix">
					<div class="inguanzhu"><em>关注</em><span>181</span></div>
					<div class="fensi"><em>粉丝</em><span>222</span></div>
				</div>

			</div>
			<div class="fatiezi">
					<ul class="clearfix">
						<li><a href="javascritp:;">返回首页</a></li>
						<li><a href="javascritp:;">安全退出</a></li>
					</ul>
				</div>
			<div class="search">
				<form class="clearfix" action="">
					
					<input type="search" placeholder="钢琴 吉他 萨克斯">
					
				</form>
				<i class="iconfont">&#xe658;</i>
			</div>
		</div>
		<!-- 登录区域结束··············································· -->
		<!-- 右侧帖子展示··············································· -->
		<div class="chaxuntiezi">
			<h2>热帖查询</h2>
			<!-- 日期选择··············································· -->
			<div class="choice">
				<div class="demo1">
					<input class="laydate-icon" id="demo" value="2014-6-25"> 
				</div>
				<script type="text/javascript">
				!function(){
					laydate.skin('molv');//切换皮肤，请查看skins下面皮肤库
					laydate({elem: '#demo'});//绑定元素
				}();

				//日期范围限制
				var start = {
				    elem: '#start',
				    format: 'YYYY-MM-DD',
				    min: laydate.now(), //设定最小日期为当前日期
				    max: '2099-06-16', //最大日期
				    istime: true,
				    istoday: false,
				    choose: function(datas){
				         end.min = datas; //开始日选好后，重置结束日的最小日期
				         end.start = datas //将结束日的初始值设定为开始日
				    }
				};

				var end = {
				    elem: '#end',
				    format: 'YYYY-MM-DD',
				    min: laydate.now(),
				    max: '2099-06-16',
				    istime: true,
				    istoday: false,
				    choose: function(datas){
				        start.max = datas; //结束日选好后，充值开始日的最大日期
				    }
				};
				laydate(start);
				laydate(end);

				//自定义日期格式
				laydate({
				    elem: '#test1',
				    format: 'YYYY年MM月DD日',
				    festival: true, //显示节日
				    choose: function(datas){ //选择日期完毕的回调
				        alert('得到：'+datas);
				    }
				});

				//日期范围限定在昨天到明天
				laydate({
				    elem: '#hello3',
				    min: laydate.now(-1), //-1代表昨天，-2代表前天，以此类推
				    max: laydate.now(+1) //+1代表明天，+2代表后天，以此类推
				});
				</script>
			</div>
			<div class="ok">
				<input type="submit">
			</div>
			<div class="recommond">
				<span>换一批</span>

				<dl>
					<dd>个人热门贴</dd>
					<dt>
						<img src="images/little.png">
						<a href="javascript:;">标题标题标题标题标题</a>
						<span>作者作者</span>
						<span>12/12 09:10</span>
					</dt>
					<dt>
						<img src="images/little.png" height="60" width="60">
						<a href="javascript:;">标题标题标题标题标题</a><span>12/12 09:10</span></dt>
					<dt>
						<img src="images/little.png">
						<a href="javascript:;">标题标题标题标题标题</a><span>12/12 09:10</span></dt>
					<dt>
						<img src="images/little.png">
						<a href="javascript:;">标题标题标题标题标题</a><span>12/12 09:10</span></dt>
					<dt>
						<img src="images/little.png">
						<a href="javascript:;">标题标题标题标题标题</a><span>12/12 09:10</span></dt>
					<dt>
						<img src="images/little.png">
						<a href="javascript:;">标题标题标题标题标题</a><span>12/12 09:10</span></dt>
					</dl>
					<a href="">查看更多帖子></a>
				</div>

		</div>

		<!-- 右侧帖子展示··············································· -->
	</div>
	<!-- 右侧展示完成····················································· -->




<!-- 中间区域结束···························································· -->


</div>




<!-- ····························中间结构结束·································· -->	
<!-- 底部结构开始································································ -->
	<div class="footerWrap">
		<div class="footBian">
			<div class="footNavWrap clearfix">
				<div class="footNav clearfix">
					<dl>
						<dd><a href="javascript:;">音乐广场</a></dd>
						<dt><a href="javascript:;">视频</a></dt>
						<dt><a href="javascript:;">图片</a></dt>
						<dt><a href="javascript:;">音乐</a></dt>
					</dl>
					<dl>
						<dd><a href="javascript:;">音乐资讯</a></dd>
						<dt><a href="javascript:;">音乐新闻</a></dt>
						<dt><a href="javascript:;">音乐资讯</a></dt>
						<dt><a href="javascript:;">音乐活动</a></dt>
					</dl>
					<dl>
						<dd><a href="javascript:;">音乐名人</a></dd>
						<dt><a href="javascript:;">名人名家</a></dt>
						<dt><a href="javascript:;">音乐之星</a></dt>
						
					</dl>
					<dl>
						<dd><a href="javascript:;">音乐老师</a></dd>
						<dt><a href="javascript:;">键盘老师</a></dt>
						<dt><a href="javascript:;">吉他老师</a></dt>
						<dt><a href="javascript:;">弦乐老师</a></dt>
						<dt><a href="javascript:;">管乐老师</a></dt>
						<dt><a href="javascript:;">民乐老师</a></dt>
						<dt><a href="javascript:;">电声老师</a></dt>
						<dt><a href="javascript:;">民乐老师</a></dt>
						
					</dl>
					<dl>
						<dd><a href="javascript:;">音乐教室</a></dd>
						<dt><a href="javascript:;">视频</a></dt>
						<dt><a href="javascript:;">图片</a></dt>
						<dt><a href="javascript:;">音乐</a></dt>
					</dl>
					<dl>
						<dd><a href="javascript:;">音乐乐团</a></dd>
						<dt><a href="javascript:;">视频</a></dt>
						<dt><a href="javascript:;">图片</a></dt>
						<dt><a href="javascript:;">音乐</a></dt>
					</dl>
					<dl>
						<dd><a href="javascript:;">音乐海选</a></dd>
						<dt><a href="javascript:;">视频</a></dt>
						<dt><a href="javascript:;">图片</a></dt>
						<dt><a href="javascript:;">音乐</a></dt>
					</dl>
					<dl>
						<dd><a href="javascript:;">音乐乐谱</a></dd>
						<dt><a href="javascript:;">视频</a></dt>
						<dt><a href="javascript:;">图片</a></dt>
						<dt><a href="javascript:;">音乐</a></dt>
					</dl>
					<dl>
						<dd><a href="javascript:;">音乐百科</a></dd>
						<dt><a href="javascript:;">视频</a></dt>
						<dt><a href="javascript:;">图片</a></dt>
						<dt><a href="javascript:;">音乐</a></dt>
					</dl>
					<dl>
						<dd><a href="javascript:;">音乐电台</a></dd>
						<dt><a href="javascript:;">视频</a></dt>
						<dt><a href="javascript:;">图片</a></dt>
						<dt><a href="javascript:;">音乐</a></dt>
					</dl>
					<dl>
						<dd><a href="javascript:;">声粉论坛</a></dd>
						
					</dl>
				</div>
				<div class="footCode clearfix">
					<div class="firstCode">
						<a href="javascript:;">
							<img src="images/foot_weixin.jpg" alt="">
							<h3>扫一扫关注微信</h3>
						</a>
					</div>
					<div class="secondCode">
						<a href="javascript:;">
							<img src="images/foot_app (1).jpg" alt="">
							<h3>扫一扫下载APP</h3>
						</a>
					</div>
				</div>
			</div>
		</div>
		<div class="footer">
			<div class="footBtm clearfix">
				<div class="h1">
					<a href="javascript:;">
						<h1>好琴声</h1>
					</a>
				</div>
				<div class="lianxi">
					<div class="footTil">
						<span>好琴声</span>
						<i>0 2 1 - 6 7 7 0 3 9 5 6</i>
					</div>
					<div class="footcon">
						<p>Copyright © 2015 greattone.net All rights reserved. 好琴声版权所有</p>
						<p>沪ICP备09050100号</p>
						<p>公司总部地址：上海市金山区枫泾镇枫湾路531号科创小镇二楼 24小时服务热线：15216849061</p>
					</div>
				</div>
			</div>
		</div>
	</div>

<!-- 底部结构开始································································ -->


</body>
</html>